<html>

<head>
    <meta charset="utf-8">
    <title>TTalk | whois</title>
    <link rel="stylesheet/less" type="text/css" href="TTalk.less">
</head>

<body>
    <div id="main">        
        <div id="usrPanel">
            <div id="sysUsr">
                <label>UserList</label>
            </div>
            <div id="usrBox"></div>
        </div>
        <div id="msgPanel">

        </div>
        <div id="inputState">

            <p>
                <span>TO</span>
                <label id="dest">dest</label>
                <span>COLOR</span>
                <input name="colorPick" type="color" />
                <span>IMAGE</span>
                <input type="button" name="imgBtn" class="imgBtn" value="choose" />
            </p>
        </div>
        <div id="inputBox">
            <p>
                <span>
			<textarea id="msgInput" cols="30" rows="10"></textarea>
		</span>
                <span>
			<button id="sndBtn">Send</button>
			<button id="logBtn">Login</button>
			<input id="sendImage" type="file" value="image"/>
		</span>
            </p>
        </div>
    </div>
    <script type="text/javascript" src="jquery-1.9.1.js"></script>
    <script type="text/javascript" src="less.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script type="text/javascript" src="TtalkClient.js"></script>
</body>

</html>